/* 放置页面的公共样式 */

/* 去除浏览器默认样式 */

* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

/* 设定页面高度 */
html,body {
  height: 100%;
}

/* 设定导航栏的样式 */
.nav {
  height: 50px;
  background-color: rgb(50, 50, 50);
  color: rgb(255, 255, 255);

  /* 使用弹性布局, 让导航栏内部的元素, 垂直方向居中 */
  display: flex;
  align-items: center;
  /* 让里面的元素距离左侧边框, 有点间隙 */
  padding-left: 20px;

}